.xzmce-quest-wrapper{
    --quest-button-padding: 10px;

    position: relative;
    display: inline-block;
}


.xzmce-quest-hint-stub-button{
    background: #3366E4;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.04), 0px 4px 10px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    transition: .3s background-color;
    padding: var(--quest-button-padding);
    box-sizing: border-box;

}
.xzmce-quest-hint-stub-button:hover{
    background: #6187e6;
}

.xzmce-quest-hint-stub-button .xzmce_cmd__meta-button-entity{
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.xzmce-quest-hint-stub-button-icon{
    width: 28px;
}
.xzmce-quest-hint-stub-button-text{
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color:white;
    margin-left: 5px;
}

.xmzce-quest-hint-stub-close-btn{
    font-size: 16px;
    opacity: 0;
    transition: .2s all;
    color: #EB6F70;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(50%, -50%);
    display: flex;
    background-color: white;
    border-radius: 999px;
}
.xmzce-quest-hint-stub-close-btn:hover{
    color: #f14d4e;
}
.xzmce-quest-hint-stub-button:hover .xmzce-quest-hint-stub-close-btn{
    opacity: 1;
}
.xzmce-quest-menu-button {
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #1570EF;
    padding: 2px 4px;
    box-sizing: border-box;
    border-radius: 5px;
    display: flex;
    align-items: center;
}
.xzmce-quest-menu-button:hover{
    background: #EFF8FF;
}

.xzmce-quest-menu-button-wrapper[class]{
    width: 100%;
    padding: 0;
}
.xzmce-quest-menu-button-wrapper + .xzmce-quest-menu-button-wrapper{
    margin-top: 4px;
}

.xzmce-quest-dropdown {
    width: 100%;
    box-sizing: border-box;

    background: white;
    box-shadow: 0px 2px 4px -2px #1018280F,0px 4px 8px -2px #1018281A;
    padding: 6px 4px;
    border-radius: 5px;
    opacity: 0;
    position: absolute;
    transform: translateY(-100%);
    top:0;
    transition: .3s all;
    transition-delay: 300ms;
}

.xzmce-quest-dropdown--open{
    transition-delay: 0ms;
    opacity: 1;
    transform: translateY(calc(-100% - 10px));
}